<template>
	<view class="wrapper">
		<view class="refuse">
			<view class="tit">
				拒绝原因
			</view>
			<textarea maxlength="150"  placeholder="请输入拒绝原因（必填，不超过150字）" />
		</view>
		<view class="order-btn">
			同意
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl:'',
				num:Math.random(),
				id:0,
			}
		},
		onLoad(e) {
			// this.id = e.id
			// this.id = 9
		},
		onShow(){
			this.imgUrl = this.api.imgUrl
			
		},
		methods: {
			
		},
	}
</script>

<style scoped lang="scss">
	@import url('../../common/common.css');
	.wrapper {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100%;
		padding-bottom: 150upx;
		box-sizing: border-box;
	}
	.refuse{
		width: 90%;
		margin: 21upx auto 0;
		.tit{
			font-size:28upx;
			font-family:PingFang SC;
			font-weight:500;
			color:rgba(51,51,51,1);
		}
		>textarea{
			width:690upx;
			height:240upx;
			margin: 20upx auto 0;
			background:rgba(247,247,247,1);
			border-radius:10upx;
			padding: 31upx 21upx;
			box-sizing: border-box;
		}
	}
	.order-btn{
		margin: 80upx auto 0;
		width:250upx;
		height:80upx;
		background:rgba(247,0,0,1);
		// box-shadow:0px 2upx 24upx 0px rgba(251,88,88,1);
		border-radius:40upx;
		text-align: center;
		line-height: 80upx;
		font-size:34upx;
		font-family:PingFangSC;
		font-weight:400;
		color:rgba(255,255,255,1);
	}
</style>
